import 'package:flutter/material.dart';

class ProgressIndicatorRoute extends StatefulWidget {
  const ProgressIndicatorRoute({Key? key}) : super(key: key);

  @override
  State<StatefulWidget> createState() => _ProgressIndicatorRouteState();
}

class _ProgressIndicatorRouteState extends State<ProgressIndicatorRoute> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('进度指示器'),
      ),
      body: SingleChildScrollView(
        child: Center(
          child: Column(
            children: <Widget>[
              SizedBox.fromSize(size: const Size.fromHeight(20)),
              LinearProgressIndicator(
                backgroundColor: Colors.grey[200],
                valueColor: const AlwaysStoppedAnimation(Colors.blue),
              ),
              SizedBox.fromSize(size: const Size.fromHeight(20)),
              LinearProgressIndicator(
                backgroundColor: Colors.grey[200],
                valueColor: const AlwaysStoppedAnimation(Colors.blue),
                value: 0.5,
              ),
              SizedBox.fromSize(size: const Size.fromHeight(20)),
              CircularProgressIndicator(
                backgroundColor: Colors.grey[200],
                valueColor: const AlwaysStoppedAnimation(Colors.blue),
              ),
              SizedBox.fromSize(size: const Size.fromHeight(20)),
              CircularProgressIndicator(
                backgroundColor: Colors.grey[200],
                valueColor: const AlwaysStoppedAnimation(Colors.blue),
                value: 0.5,
              ),
              SizedBox.fromSize(size: const Size.fromHeight(20)),
              SizedBox(
                height: 30,
                child: LinearProgressIndicator(
                  backgroundColor: Colors.grey[200],
                  valueColor: const AlwaysStoppedAnimation(Colors.blue),
                ),
              ),
              SizedBox.fromSize(size: const Size.fromHeight(20)),
              SizedBox(
                height: 200,
                width: 200,
                child: CircularProgressIndicator(
                  backgroundColor: Colors.grey[200],
                  valueColor: const AlwaysStoppedAnimation(Colors.blue),
                ),
              ),
              SizedBox.fromSize(size: const Size.fromHeight(20)),
            ],
          ),
        ),
      ),
    );
  }
}
